<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>2.0-承运商车辆信息</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">

</head>

<body>
    <!--头部-->
    <div class="g_header">
        <div class="g_hea_g1">
            <div class="g_hea_g2">
                <img src="images/logo_sfy.png" class="img_1">
                <div class="g_hea_login">管理员管理员,欢迎您登陆
                    <span></span>
                    <div class="userboxinfo userboxinfob">
                        <ul class="ul_userlist">
                            <li><a href="/updatePwd">修改密码</a></li>
                            <li><a href="/logout">退出</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="g_header_d">
            <span class="g_hea_img1" id="trigger-overlay">
            <img src="images/navs1_03.png">
          </span>

            <p class="g_hea_p1">菜单</p>
            <p class="g_hea_p2">
                <span>悬浮</span>
                <label class="switch_large"><input type="checkbox"><span></span></label>
                <span>固定</span>
            </p>
            <div class="g_hear">
                <a href="#"><img src="images/sf1_07.png">传链社区</a>
                <a href="#"><img src="images/sf1_09.png">服务中心</a>
                <a href="message.html"><img src="images/sf1_11.png">消息</a>
            </div>
            <!--<p class="g_hea_p3">
                <label class="switch_largeb"><input type="checkbox"><span></span></label>
                <span>关闭流程图</span>
            </p>-->
        </div>
        <div class="overlay overlay-genie " data-steps="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z;m 698.9986,728.03569 41.23353,0 -3.41953,77.8735 -34.98557,0 z;m 687.08153,513.78234 53.1506,0 C 738.0505,683.9161 737.86917,503.34193 737.27015,806 l -35.90067,0 c -7.82727,-276.34892 -2.06916,-72.79261 -14.28795,-292.21766 z;m 403.87105,257.94772 566.31246,2.93091 C 923.38284,513.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 455.17312,480.07689 403.87105,257.94772 z;M 51.871052,165.94772 1362.1835,168.87863 C 1171.3828,653.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 31.173122,513.78234 51.871052,165.94772 z;m 52,26 1364,4 c -12.8007,666.9037 -273.2644,483.78234 -322.7299,776 l -633.90062,0 C 359.32034,432.49318 -6.6979288,733.83462 52,26 z;m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z"
            id="g_hea_con">
            <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1440 806" preserveAspectRatio="none" class="svg1">
            <path class="overlay-path" d="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z"/>
          </svg>
            <ul class="g_hea_ul">
                <li class="li1">System Management</li>
                <li class="li2">基础资料</li>
                <li class="li3">耗材管理</li>
                <li class="li4">科室管理</li>
                <li class="li5">财务管理</li>
                <li class="li6">统计查询</li>
            </ul>
            <div class="g_hea_ulbox">
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li>系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="sfy_nav.html" class="g_hea_a1">用户参数设置1</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1 active">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置2</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置3</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置4</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置5</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置6</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
            </div>
            <img src="images/cross.png" class="g_hea_close">
        </div>
    </div>
    <!-- 流程图-->
    <!--<div class="g_He_bx">
        <dl class="flow_link">
            <dt>物流商流程</dt>
            <dd class="active"><span>物流订单接受</span></dd>
            <dd><span>集单</span></dd>
            <dd><span>订单调度</span></dd>
            <dd><span>仓储安排</span></dd>
            <dd><span>运输安排</span></dd>
            <dd><span>物流订单分发</span></dd>
        </dl>
    </div>-->
    <!-- end流程图-->
    <!-- 按钮 当前位置-->
    <div class="g_header_nav">
        <div class="g_header_t">
            <div class="operate-btns">
                <a href="" class="fbtn fb-setting">去派车</a>
                <a href="" class="fbtn fb-save">保存</a>
            </div>
        </div>
        <div class="con_breadcrumb">
            <ol class="breadcrumb">
                <li><a href="#">承运商车辆信息</a></li>
            </ol>
            <h3 class="current_module">承运商车辆信息</h3>
        </div>
    </div>
    <!--end  按钮 当前位置-->
    <!--end头部-->
    <div class="content">
        <!-- 查询 -->
        <div class="rowing_top mb-20">
            <dl class="dl1">
                <dt><span>排车计划</span></dt>
                <dd>
                    <span>排车日期：</span>
                    <p>2017-03-07</p>
                </dd>
            </dl>
            <dl class="dl2">
                <dt>
                    <label class="checkbox-inline">
                        <input type="checkbox" id="agree" name="agree"> 
                        <span>是否集货并车</span>
                    </label>
                </dt>
                <dd>
                    <span>车辆：</span>
                    <b>鄂A88825</b>
                    <p>东风货运</p>
                    <p>李师傅</p>
                    <p>13871602584</p>
                </dd>
            </dl>
            <dl class="dl3">
                <dt><span>已选承运物流订单：</span></dt>
                <dd>
                    <div class="rowing_input">
                        <span class="rowing_input_addon" id="basic-addon1">订单数</span>
                        <input type="text" class="rowing_control text_right" value="11" name="zs">
                        <i>个</i>
                    </div>
                    <div class="rowing_input">
                        <span class="rowing_input_addon" id="basic-addon1">件数</span>
                        <input type="text" class="rowing_control text_right" value="850" name="zs">
                        <i>件</i>
                    </div>
                    <div class="rowing_input">
                        <span class="rowing_input_addon" id="basic-addon1">体积</span>
                        <input type="text" class="rowing_control text_right" value="50" name="zs">
                        <i>m³</i>
                    </div>
                </dd>
            </dl>
        </div>
        <div class="top_cal">
            <!-- 日历 -->
            <div class="left_calendar">
                <p class="mb-10">请选择排车日期：</p>
                <div class="account-box">
                    <h2 class="account-title">
                        <!--<span class="fl c3">回款计划</span>-->
                        <!--<a href="###" class="f-btn-fhby right">返回本月</a>-->
                        <div class="clearfix">
                            <div class="f-btn-jian fl">&lt;</div>
                            <div class="f-riqi fl"><span class="f-year">2017</span>年<span class="f-month">1</span>月</div>
                            <div class="f-btn-jia fl">&gt;</div>
                            <!-- 一定不能换行-->
                        </div>
                    </h2>
                    <div class="f-rili-table">
                        <div class="f-rili-head celarfix">
                            <div class="f-rili-th">周日</div>
                            <div class="f-rili-th">周一</div>
                            <div class="f-rili-th">周二</div>
                            <div class="f-rili-th">周三</div>
                            <div class="f-rili-th">周四</div>
                            <div class="f-rili-th">周五</div>
                            <div class="f-rili-th">周六</div>
                            <div class="clear"></div>
                        </div>
                        <div class="f-tbody clearfix"></div>
                    </div>
                </div>
            </div>
            <!-- end 日历 -->
            <div class="group_search layui-form group_cyspc group_cyspc1">
                <div class="row">
                    <div class="col-md-2 col-lg-2">
                        <b>线路名称</b>
                    </div>
                    <div class="col-md-4 col-lg-4">
                        <div class="input-group layui-form-item layui_select ">
                            <div class="layui-input-block">
                                <select name="cc" lay-filter="aihao">
                                <option value="">选择线路名称</option>
                                <option value="0">写作</option>
                                <option value="1" >阅读</option>
                                <option value="2">游戏</option>
                                <option value="3">音乐</option>
                                <option value="4">旅行</option>
                            </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-2 col-lg-2">
                        <b>温度要求</b>
                    </div>
                    <div class="col-md-10 col-lg-10">
                        <a class="font-gray">不限</a>
                        <a>冷冻</a>
                        <a>冷藏</a>
                        <a>阴凉</a>
                        <a>常温</a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-2 col-lg-2">
                        <b>上门取货</b>
                    </div>
                    <div class="col-md-10 col-lg-10">
                        <a class="font-gray">不限</a>
                        <a>是</a>
                        <a>否</a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-2 col-lg-2">
                        <b>装载要求</b>
                    </div>
                    <div class="col-md-10 col-lg-10">
                        <a class="font-gray">不限</a>
                        <a>易碎</a>
                        <a>禁止倒置</a>
                        <a>阴凉</a>
                        <a>常温</a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-2 col-lg-2">
                        <b>订单件数</b>
                    </div>
                    <div class="col-md-10 col-lg-10">
                        <a class="font-gray">不限</a>
                        <a>0-20件</a>
                        <a>20-50件</a>
                        <a>50-200件</a>
                        <a>200-500件</a>
                        <a>500件以上</a>
                        <div class="box_date" style="width: 250px; display: inline-block;">
                            <input type="text" placeholder="" style="width: 36%">
                            <span>件</span>
                            <span class="text-and">—</span>
                            <input type="text" placeholder="" style="width: 36%; border-left: 0;">
                            <span>件</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-2 col-lg-2">
                        <b>车型要求</b>
                    </div>
                    <div class="col-md-10 col-lg-10">
                        <a class="font-gray">不限</a>
                        <a>厢式货车</a>
                        <a>冷藏车</a>
                        <a>厢式货车+保湿箱</a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-10 col-lg-10"></div>
                    <div class="col-md-2 col-lg-2 text_right fr">
                        <button type="button" class="btn btn-def">
                            <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                            查询
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <!-- end 查询 -->
        <div class="bd-lft" style="padding-left: 316px">
            <div class="main mt-20">
                <h2 class="h2_1">
                    您当前共有<span id="id_num">11</span>项承运商车辆信息记录
                </h2>
                <table class="table table-1b table-route table_car table_accordion">
                    <thead>
                        <tr>
                            <th>序号</th>
                            <th>物流单号</th>
                            <th>起运地</th>
                            <th>目的地</th>
                            <th>订单数</th>
                            <th>送货点数</th>
                            <th>总件数</th>
                            <th>总重量</th>
                            <th>总体积</th>
                            <th>总品规数</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><label class="checkbox-inline">
                    <input type="checkbox" id="agree" name="agree"> 
                    <span>01</span></label></td>
                            <td class="td-route"><span>WLD0010001</span></td>
                            <td>鞍山</td>
                            <td>北京</td>
                            <td class="text_right">20</td>
                            <td class="text_right">10</td>
                            <td class="text_right">999</td>
                            <td class="text_right">9990kg</td>
                            <td class="text_right">50m³</td>
                            <td class="text_right">10</td>
                        </tr>
                        <tr>
                            <td colspan="11" class="cyspc_dropdown">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>序号</th>
                                            <th>业务单号</th>
                                            <th>客户名称</th>
                                            <th>送货地址</th>
                                            <th>起运地</th>
                                            <th>目的地</th>
                                            <th>件数</th>
                                            <th>品规数</th>
                                            <th>体积</th>
                                            <th>温度要求</th>
                                            <th>是否需要冷藏设备</th>
                                            <th>实际装载件数</th>
                                            <th>未装载件数</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <label class="checkbox-inline">
                            <input type="checkbox" id="agree" name="agree"> 
                            <span>01</span>
                          </label>
                                            </td>
                                            <td>XSD0010001</td>
                                            <td>吉林省东大科技制药有</td>
                                            <td>湖北武汉江汉区康迪路8号</td>
                                            <td>鞍山</td>
                                            <td>武汉</td>
                                            <td class="text_right">18</td>
                                            <td class="text_right">20</td>
                                            <td class="text_right">10</td>
                                            <td>常温</td>
                                            <td>否</td>
                                            <td><input class="input_number" type="text" placeholder="300"></td>
                                            <td class="text_right">0</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <span class="table_more"></span>
                            </td>
                        </tr>
                    </tbody>
                    <tbody class="current">
                        <tr>
                            <td>
                                <label class="checkbox-inline">
                    <input type="checkbox" id="agree" name="agree"> 
                    <span>02</span>
                  </label>
                            </td>
                            <td class="td-route"><span>WLD0010001</span></td>
                            <td>鞍山</td>
                            <td>北京</td>
                            <td class="text_right">20</td>
                            <td class="text_right">10</td>
                            <td class="text_right">999</td>
                            <td class="text_right">9990kg</td>
                            <td class="text_right">50m³</td>
                            <td class="text_right">10</td>
                        </tr>
                        <tr>
                            <td colspan="11" class="cyspc_dropdown">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>序号</th>
                                            <th>业务单号</th>
                                            <th>客户名称</th>
                                            <th>送货地址</th>
                                            <th>起运地</th>
                                            <th>目的地</th>
                                            <th>件数</th>
                                            <th>品规数</th>
                                            <th>体积</th>
                                            <th>温度要求</th>
                                            <th>是否需要冷藏设备</th>
                                            <th>实际装载件数</th>
                                            <th>未装载件数</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <label class="checkbox-inline">
                          <input type="checkbox" id="agree" name="agree"> 
                          <span>01</span>
                        </label>
                                            </td>
                                            <td>XSD0010001</td>
                                            <td>吉林省东大科技制药有</td>
                                            <td>湖北武汉江汉区康迪路8号</td>
                                            <td>鞍山</td>
                                            <td>武汉</td>
                                            <td class="text_right">18</td>
                                            <td class="text_right">20</td>
                                            <td class="text_right">10</td>
                                            <td>常温</td>
                                            <td>否</td>
                                            <td><input class="input_number" type="text" placeholder="300"></td>
                                            <td class="text_right">0</td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <label class="checkbox-inline">
                          <input type="checkbox" id="agree" name="agree"> 
                          <span>02</span>
                        </label>
                                            </td>
                                            <td>XSD0010001</td>
                                            <td>吉林省东大科技制药有</td>
                                            <td>湖北武汉江汉区康迪路8号</td>
                                            <td>鞍山</td>
                                            <td>武汉</td>
                                            <td class="text_right">18</td>
                                            <td class="text_right">20</td>
                                            <td class="text_right">10</td>
                                            <td>常温</td>
                                            <td>否</td>
                                            <td><input class="input_number" type="text" placeholder="300"></td>
                                            <td class="text_right">0</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <span class="table_more"></span>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="table-page">
                    <a href="">上一页</a>
                    <a href="">下一页</a>
                    <span>第<i>1</i>页</span>
                    <span>共<em>2</em>页</span>
                </div>
            </div>
            <div class="aside cyspc_LeftTable" style="width:296px;left:-316px;">
                <div class="table_TabTit">
                    <a href="javascript:;" class="active">自有车辆</a>
                    <a href="javascript:;" class="">外部承运</a>
                </div>
                <table class="table table_TabCon">
                    <thead>
                        <tr>
                            <th>
                                <label class="checkbox-inline">
                    <input type="checkbox" id="agree" name="agree"> 
                    <span></span>
                  </label>
                            </th>
                            <th>车辆信息</th>
                            <th>预装载件数</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="3">
                                <ul class="cyspc_LeftTr">
                                    <li class="fl mr-10">
                                        <div class="LeftTr_img">
                                            <img src="images/img_11_04.png" alt="">
                                            <a href=""><img src="images/img_20_15.png" alt=""></a>
                                        </div>
                                        <label class="checkbox-inline">
                        <input type="checkbox" id="agree" name="agree"> 
                        <span>选择</span>
                      </label>
                                    </li>
                                    <li class="fl">
                                        <b>鄂A88825</b>
                                        <p>五十铃</p>
                                        <p>李师傅</p>
                                        <p>13802166008</p>
                                    </li>
                                    <li class="fr">
                                        <b class="font-blue tac">850<i>件</i></b>
                                        <a href="javascript:;" class="driver">选司机</a>
                                    </li>
                                </ul>
                                <div class="progress_rate">
                                    <span class="fl">装车进度</span>
                                    <div class="progress">
                                        <div class="progress-bar progress-bar-danger" style="width: 25%;">
                                        </div>
                                    </div>
                                    <div class="progress-value">25%</div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">
                                <ul class="cyspc_LeftTr">
                                    <li class="fl mr-10">
                                        <div class="LeftTr_img">
                                            <img src="images/img_11_04.png" alt="">
                                            <a href=""><img src="images/img_20_15.png" alt=""></a>
                                        </div>
                                        <label class="checkbox-inline">
                        <input type="checkbox" id="agree" name="agree"> 
                        <span>选择</span>
                      </label>
                                    </li>
                                    <li class="fl">
                                        <b>鄂A88825</b>
                                        <p>五十铃</p>
                                        <p>李师傅</p>
                                        <p>13802166008</p>
                                    </li>
                                    <li class="fr">
                                        <b class="font-blue tac">850<i>件</i></b>
                                        <a href="javascript:;" class="driver">选司机</a>
                                    </li>
                                </ul>
                                <div class="progress_rate">
                                    <span class="fl">装车进度</span>
                                    <div class="progress">
                                        <div class="progress-bar progress-bar-danger" style="width: 50%;">
                                        </div>
                                    </div>
                                    <div class="progress-value">50%</div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">
                                <ul class="cyspc_LeftTr">
                                    <li class="fl mr-10">
                                        <div class="LeftTr_img">
                                            <img src="images/img_11_04.png" alt="">
                                            <a href=""><img src="images/img_20_15.png" alt=""></a>
                                        </div>
                                        <label class="checkbox-inline">
                        <input type="checkbox" id="agree" name="agree"> 
                        <span>选择</span>
                      </label>
                                    </li>
                                    <li class="fl">
                                        <b>鄂A88825</b>
                                        <p>五十铃</p>
                                        <p>李师傅</p>
                                        <p>13802166008</p>
                                    </li>
                                    <li class="fr">
                                        <b class="font-blue tac">850<i>件</i></b>
                                        <a href="javascript:;" class="driver">选司机</a>
                                    </li>
                                </ul>
                                <div class="progress_rate">
                                    <span class="fl">装车进度</span>
                                    <div class="progress">
                                        <div class="progress-bar progress-bar-danger" style="width: 75%;">
                                        </div>
                                    </div>
                                    <div class="progress-value">75%</div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">
                                <ul class="cyspc_LeftTr">
                                    <li class="fl mr-10">
                                        <div class="LeftTr_img">
                                            <img src="images/img_11_04.png" alt="">
                                            <a href=""><img src="images/img_20_15.png" alt=""></a>
                                        </div>
                                        <label class="checkbox-inline">
                        <input type="checkbox" id="agree" name="agree"> 
                        <span>选择</span>
                      </label>
                                    </li>
                                    <li class="fl">
                                        <b>鄂A88825</b>
                                        <p>五十铃</p>
                                        <p>李师傅</p>
                                        <p>13802166008</p>
                                    </li>
                                    <li class="fr">
                                        <b class="font-blue tac">850<i>件</i></b>
                                        <a href="javascript:;" class="driver">选司机</a>
                                    </li>
                                </ul>
                                <div class="progress_rate">
                                    <span class="fl">装车进度</span>
                                    <div class="progress">
                                        <div class="progress-bar progress-bar-danger" style="width: 90%;">
                                        </div>
                                    </div>
                                    <div class="progress-value">90%</div>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <table class="table table_TabCon" style="display: none;">
                    <thead>
                        <tr>
                            <th>
                                <label class="checkbox-inline">
                    <input type="checkbox" id="agree" name="agree"> 
                    <span></span>
                  </label>
                            </th>
                            <th>承运商名称</th>
                            <th>预装载件数</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <label class="checkbox-inline">
                    <input type="checkbox" id="agree" name="agree"> 
                    <span>选择</span>
                  </label>
                            </td>
                            <td>
                                <b>卡行天下</b>
                                <p>李师傅</p>
                                <p>13802166008</p>
                            </td>
                            <td>
                                <b class="font-blue tac">20</b>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label class="checkbox-inline">
                    <input type="checkbox" id="agree" name="agree"> 
                    <span>选择</span>
                  </label>
                            </td>
                            <td>
                                <b>顺丰快递</b>
                                <p>李师傅</p>
                                <p>13802166008</p>
                            </td>
                            <td>
                                <b class="font-blue tac">0</b>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label class="checkbox-inline">
                    <input type="checkbox" id="agree" name="agree"> 
                    <span>选择</span>
                  </label>
                            </td>
                            <td>
                                <b>德邦物流</b>
                                <p>李师傅</p>
                                <p>13802166008</p>
                            </td>
                            <td>
                                <b class="font-blue tac">262</b>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label class="checkbox-inline">
                    <input type="checkbox" id="agree" name="agree"> 
                    <span>选择</span>
                  </label>
                            </td>
                            <td>
                                <b>圆通国际</b>
                                <p>李师傅</p>
                                <p>13802166008</p>
                            </td>
                            <td>
                                <b class="font-blue tac">0</b>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label class="checkbox-inline">
                    <input type="checkbox" id="agree" name="agree"> 
                    <span>选择</span>
                  </label>
                            </td>
                            <td>
                                <b>卡行天下</b>
                                <p>李师傅</p>
                                <p>13802166008</p>
                            </td>
                            <td>
                                <b class="font-blue tac">20</b>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label class="checkbox-inline">
                    <input type="checkbox" id="agree" name="agree"> 
                    <span>选择</span>
                  </label>
                            </td>
                            <td>
                                <b>卡行天下</b>
                                <p>李师傅</p>
                                <p>13802166008</p>
                            </td>
                            <td>
                                <b class="font-blue tac">20</b>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <footer class="footer">
        <p>
            Copyright © 2015-2017
            <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
        </p>
    </footer>
    <!-- 弹框 -->
    <div id="popup" style="display: none;">
        <form class="layui-form" id="commentForm2" method="post" action="/post">
            <div class="row">
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>李师傅</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>张师傅</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>陈华润</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>司琴瓦力</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>王海生</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>川普朗</span>
                </label>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>李师傅</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>张师傅</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>陈华润</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>司琴瓦力</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>王海生</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>川普朗</span>
                </label>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>李师傅</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>张师傅</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>陈华润</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>司琴瓦力</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>王海生</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>川普朗</span>
                </label>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>李师傅</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>张师傅</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>陈华润</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>司琴瓦力</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>王海生</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>川普朗</span>
                </label>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>李师傅</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>张师傅</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>陈华润</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>司琴瓦力</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>王海生</span>
                </label>
                    </div>
                </div>
                <div class="col-md-2 col-lg-2">
                    <div class="input-group check-group form-required">
                        <label class="checkbox-inline">
                  <input type="checkbox" id="agree" name="agree"> 
                  <span>川普朗</span>
                </label>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <script type="text/javascript" src="lib/echarts-all.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="lib/paging.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/validate-demo.js"></script>
    <script type="text/javascript" src="js/small_Calendar.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/cy.js"></script>
    <script>
        $(document).ready(function() {
            // 选项卡
            $(".table_TabTit a").click(function() {
                $(this).addClass('active').siblings().removeClass('active');
                var index = $(this).index();
                $('.table_TabCon').hide();
                $('.table_TabCon').eq(index).show(); 
            });

            // 弹出框
            $('.driver').on('click', function() {
                app.layeropen({
                    type: 1,
                    area: '685px',
                    title: '司机选择',
                    closeBtn: 1,
                    btn: ['关闭'],
                    skin: 'popup-btn popup-btn-close',
                    content: $('#popup').html()
                })
            });

            // 滚动固定顶部
            var navH = $(".rowing_top").offset().top; //获取要定位元素距离浏览器顶部的距离
            //滚动条事件
            $(window).scroll(function() {
                //获取滚动条的滑动距离
                var scroH = $(this).scrollTop();
                //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定
                if (scroH >= navH) {
                    $(".rowing_top").css({
                        "position": "fixed",
                        "top": "80px"
                    });
                } else if (scroH < navH) {
                    $(".rowing_top").css({
                        "position": "static"
                    });
                }
            })
        })
    </script>
</body>

</html>